﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/MasterPage.master" CodeFile="ReadPhoto.aspx.cs" Inherits="CallRoute_ReadPhoto" %>

<asp:Content ContentPlaceHolderID="head" runat="server">

   
</asp:Content>
<asp:Content ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

 <script language="javascript" type="text/javascript">
     // 缩放图片
     function imgToSize(oBool) {
         var oImg = $get('<%=oImg.ClientID %>'); 
         oImg.style.zoom = parseInt(oImg.style.zoom) + (oBool ? 2 : -2) + '%';
     }

     // 旋转图片
     var oArcSize = 1;
     function imgRoll() {
         var oImg = $get('<%=oImg.ClientID %>');
         oImg.style.filter = 'Progid:DXImageTransform.Microsoft.BasicImage(Rotation=' + oArcSize + ')';
         oArcSize += 1;
         oArcSize = oArcSize == 4 ? 0 : oArcSize;
     }

     // 翻转图片
     function imgReverse(arg) {
         var oImg = $get('<%=oImg.ClientID %>');
         oImg.style.filter = 'Flip' + arg;
     }

   
    </script>
    <div>
        <table  id="wsd_inputtable" width="100%">
         
            <tr>
                <td colspan="6" style="width:100%" >
                <div style="height:520px; width:100%; overflow:auto" >
                    <img id="oImg" runat="server" style="position: relative; zoom: 100%;" /></div>
                </td>
            </tr>
            <tr>
            <td class="tablefield">
            门店名称:
            </td>
            <td>
                <asp:Label ID="lblCustomer" runat="server" Text=""></asp:Label></td>
            <td class="tablefield">拜访时间:</td>
            <td style=" width:150px"><asp:Label ID="lblDate" runat="server" Text=""></asp:Label></td>
             <td class="tablefield"> 照片类型:</td>
              <td style=" width:70px"><asp:Label ID="lblType" runat="server" Text=""></asp:Label></td>
            </tr>
            <tr align="center" >
                <td colspan="6" align="center" class="buttonarea">
                    <input type="button" value="放 大" class="wsd_button2" onclick="imgToSize(50);" />
                    <input type="button" value="缩 小" class="wsd_button2" onclick="imgToSize(0);" />
                    <input type="button" value="旋 转" class="wsd_button2" onclick="imgRoll();" />
                    <input type="button" value="水平翻转" class="wsd_button2" onclick="imgReverse('H');" />
                    <input type="button" value="垂直翻转" class="wsd_button2" onclick="imgReverse('V');" />
                    <input type="button" value="关 闭" class="wsd_button2" onclick=  "window.top.close();" />
                  </td>
               
            </tr>
        </table>
    </div>
</asp:Content>
